<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>List</title>
		<link href="css/font-awesome.min.css" rel="stylesheet">
		<link href="css/materialui.css" rel="stylesheet">
		<link href="css/materialui-red.css" rel="stylesheet">
	</head>
	<body>
		<div id="wrapper">
			<div class="page page-show" id="page1">
				<div class="TitleBar">
					<a class="button button-left btn-back" data-to="url" data-url="demo-welcome.html"><i class="fa fa-angle-left"></i></a>
					<div class="title">List</div>
				</div><!-- /.TitleBar -->
				<div class="content">
					<p class="subtitle">普通列表</p>
					<ul class="list right-border">
						<li class="item">
							<div class="left img"><img src=""></div>
							<div class="content">
								<p class="title">Title</p>
								<p class="small">I am description</p>
							</div>
						</li>
						<li class="item">
							<div class="left img"><img src=""></div>
							<div class="content">
								<p class="title">Title</p>
								<p class="small">I am description<br>I am description</p>
							</div>
						</li>
						<li class="item">
							<div class="left img"><img src=""></div>
							<div class="content">
								<p class="title">Title</p>
								<p class="small">I am description<br>I am description<br>I am description</p>
							</div>
					</ul>
					<p class="subtitle">有连带关系的列表</p>
					<ul class="list right-border">
						<li class="item">
							<label>
								<div class="left img"><input type="checkbox" class="checkbox"></div>
								<div class="content">
									<p class="title">Title</p>
									<p class="small">I am description</p>
								</div>
							</label>
						</li>
						<li class="item">
							<label>
								<div class="left img"><input type="checkbox" class="checkbox"></div>
								<div class="content">
									<p class="title">Title</p>
									<p class="small">I am description<br>I am description</p>
								</div>
							</label>
						</li>
						<li class="item">
							<label>
								<div class="left img"><input type="checkbox" class="checkbox"></div>
								<div class="content">
									<p class="title">Title</p>
									<p class="small">I am description<br>I am description<br>I am description</p>
								</div>
							</label>
						</li>
					</ul>
					<p class="subtitle">有附加按钮的列表</p>
					<ul class="list right-border">
						<li class="item">
							<div class="left img"><img src=""></div>
							<div class="content">
								<p class="title">Title</p>
								<p class="small">I am description</p>
							</div>
						</li>
						<li class="item">
							<div class="left img"><img src=""></div>
							<div class="content">
								<p class="title">Title</p>
								<p class="small">I am description</p>
							</div>
						</li>
						<li class="item">
							<div class="left img"><img src=""></div>
							<div class="content">
								<p class="title">Title</p>
								<p class="small">I am description</p>
							</div>
						</li>
					</ul>
				</div>
			</div><!-- /.page -->
		</div><!-- /#wrapper -->
		<div id="bg"></div>
		<script src="js/zepto.min.js"></script>
		<script src="js/foosoui.js"></script>
		<script src="js/test.js"></script>
	</body>
</html>